Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / relay / RelayMessageEntry.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3entryTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff'dateDivider'Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"flex items-center justify-center gap-3 w-full my-3 shrink-0 px-2 select-none"

Te6edf3roleTff7b72=Ta5d6ff"separator"

Tb4b4b4:Te6edf3aria-labelTff7b72=Ta5d6ff"Te6edf3pageTb4b4b4.Te6edf3formatDateDividerLabelTb4b4b4(Te6edf3entryTb4b4b4.Te6edf3dayKeyTb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"h-px w-10 shrink-0 bg-sem-border sm:w-14" Te6edf3aria-hiddenTff7b72=Ta5d6ff"true" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72span

Te6edf3classTff7b72=Ta5d6ff"max-w-[min(100%,18rem)] text-center text-[11px] font-medium leading-snug tracking-wide text-sem-fg-muted"

Tb4b4b4>

Tff7b72{{ Te6edf3pageTb4b4b4.Te6edf3formatDateDividerLabelTb4b4b4(Te6edf3entryTb4b4b4.Te6edf3dayKeyTb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"h-px w-10 shrink-0 bg-sem-border sm:w-14" Te6edf3aria-hiddenTff7b72=Ta5d6ff"true" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3entryTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff'presenceGroup'Ta5d6ff" Te6edf3classTff7b72=Ta5d6ff"px-2 py-1"Tb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"mx-auto flex max-w-full items-center gap-1 rounded-md px-2 py-0.5 text-xs italic text-sem-fg-muted transition-colors hover:bg-sem-surface/50 hover:text-sem-fg"

Tb4b4b4:Te6edf3aria-expandedTff7b72=Ta5d6ff"Te6edf3expandedTa5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3pageTb4b4b4.Te6edf3togglePresenceGroupTb4b4b4(Te6edf3entryTb4b4b4.Te6edf3idTb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon

Tb4b4b4:Te6edf3icon-nameTff7b72=Ta5d6ff"Te6edf3expanded Tff7b72? Ta5d6ff'chevron-down' Tff7b72: Ta5d6ff'chevron-right'Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"size-3.5 shrink-0 opacity-70"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"truncate"Tb4b4b4>Tff7b72{{ Te6edf3pageTb4b4b4.Te6edf3formatPresenceGroupSummaryTb4b4b4(Te6edf3entryTb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3expandedTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"mt-1 space-y-0.5"Tb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-forTff7b72=Ta5d6ff"Tb4b4b4(Te6edf3msgTb4b4b4, Te6edf3idxTb4b4b4) Tff7b72in Te6edf3entryTb4b4b4.Te6edf3messagesTa5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3pageTb4b4b4.Te6edf3messageKeyTb4b4b4(Te6edf3msgTb4b4b4) Tff7b72|| Te6edf3idxTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"py-0.5 text-center text-xs italic text-sem-fg-muted"

Tb4b4b4:Te6edf3data-msg-keyTff7b72=Ta5d6ff"Te6edf3pageTb4b4b4.Te6edf3messageKeyTb4b4b4(Te6edf3msgTb4b4b4)Ta5d6ff"

Tb4b4b4>

Tff7b72{{ Te6edf3msgTb4b4b4.Te6edf3text Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3isSystemLikeTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"py-0.5 text-center text-xs italic"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4.Te6edf3kind Tff7b72=== Ta5d6ff'error' Tff7b72? Ta5d6ff'text-sem-danger' Tff7b72: Ta5d6ff'text-sem-fg-muted'Ta5d6ff"

Tb4b4b4:Te6edf3data-msg-keyTff7b72=Ta5d6ff"Te6edf3pageTb4b4b4.Te6edf3messageKeyTb4b4b4(Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4)Ta5d6ff"

Tb4b4b4>

Tff7b72{{ Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4.Te6edf3text Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3entryTb4b4b4.Te6edf3msg Tff7b72&& Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4.Te6edf3kind Tff7b72=== Ta5d6ff'action'Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"rounded-lg px-2 py-1 text-sm italic"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4.Te6edf3mention Tff7b72? Ta5d6ff'bg-sem-warning/15' Tff7b72: Ta5d6ff''Ta5d6ff"

Tb4b4b4:Te6edf3data-msg-keyTff7b72=Ta5d6ff"Te6edf3pageTb4b4b4.Te6edf3messageKeyTb4b4b4(Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"mr-1 text-xs text-sem-fg-muted"Tb4b4b4>Tff7b72{{ Te6edf3pageTb4b4b4.Te6edf3formatTimeTb4b4b4(Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4.Te6edf3tsTb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

* Tff7b72{{ Te6edf3pageTb4b4b4.Te6edf3displayNameTb4b4b4(Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4) Tff7b72}}

Tb4b4b4<Tff7b72span

Te6edf3classTff7b72=Ta5d6ff"break-words"

Te6edf3v-htmlTff7b72=Ta5d6ff"Te6edf3pageTb4b4b4.Te6edf3renderMessageHtmlTb4b4b4(Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4.Te6edf3textTb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3pageTb4b4b4.Te6edf3handleMessageHtmlClickTb4b4b4(Te6edf3$eventTb4b4b4)Ta5d6ff"

Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3entryTb4b4b4.Te6edf3msgTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"rounded-lg px-2 py-1 text-sm"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4.Te6edf3mention Tff7b72? Ta5d6ff'bg-sem-warning/15' Tff7b72: Ta5d6ff'hover:bg-sem-surface/40 dark:hover:bg-sem-surface/20'Ta5d6ff"

Tb4b4b4:Te6edf3data-msg-keyTff7b72=Ta5d6ff"Te6edf3pageTb4b4b4.Te6edf3messageKeyTb4b4b4(Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3contextmenuTb4b4b4.Te6edf3preventTff7b72=Ta5d6ff"Te6edf3pageTb4b4b4.Te6edf3openMessageContextMenuTb4b4b4(Te6edf3$eventTb4b4b4, Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"mr-1.5 text-xs text-sem-fg-muted"Tb4b4b4>Tff7b72{{ Te6edf3pageTb4b4b4.Te6edf3formatTimeTb4b4b4(Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4.Te6edf3tsTb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"mr-1.5 font-semibold" Tb4b4b4:Te6edf3styleTff7b72=Ta5d6ff"Te6edf3pageTb4b4b4.Te6edf3nameStyleTb4b4b4(Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4)Ta5d6ff"Tb4b4b4>Tff7b72{{ Te6edf3pageTb4b4b4.Te6edf3displayNameTb4b4b4(Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4) Tff7b72}}:Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tff7b72span

Te6edf3classTff7b72=Ta5d6ff"whitespace-pre-wrap break-words"

Te6edf3v-htmlTff7b72=Ta5d6ff"Te6edf3pageTb4b4b4.Te6edf3renderMessageHtmlTb4b4b4(Te6edf3entryTb4b4b4.Te6edf3msgTb4b4b4.Te6edf3textTb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3pageTb4b4b4.Te6edf3handleMessageHtmlClickTb4b4b4(Te6edf3$eventTb4b4b4)Ta5d6ff"

Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72script Te6edf3setupTb4b4b4>

Tff7b72import Tb4b4b4{ Te6edf3computed Tb4b4b4} Tff7b72from Ta5d6ff"vue"Tb4b4b4;

Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"../MaterialDesignIcon.vue"Tb4b4b4;

Tff7b72const Te6edf3props Tff7b72= Te6edf3definePropsTb4b4b4(Tb4b4b4{

Te6edf3entryTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657ObjectTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3pageTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657ObjectTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3isSystemLike Tff7b72= Te6edf3computedTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3kind Tff7b72= Te6edf3propsTb4b4b4.Te6edf3entryTff7b72?Tb4b4b4.Te6edf3msgTff7b72?Tb4b4b4.Te6edf3kindTb4b4b4;

Tff7b72return Te6edf3kind Tff7b72=== Ta5d6ff"system" Tff7b72|| Te6edf3kind Tff7b72=== Ta5d6ff"notice" Tff7b72|| Te6edf3kind Tff7b72=== Ta5d6ff"error"Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3expanded Tff7b72= Te6edf3computedTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72if Tb4b4b4(Te6edf3propsTb4b4b4.Te6edf3entryTff7b72?Tb4b4b4.Te6edf3type Tff7b72!== Ta5d6ff"presenceGroup"Tb4b4b4) Tb4b4b4{

Tff7b72return Tff7b72falseTb4b4b4;

Tb4b4b4}

Tff7b72return Te6edf3propsTb4b4b4.Te6edf3pageTb4b4b4.Te6edf3isPresenceGroupExpandedTb4b4b4(Te6edf3propsTb4b4b4.Te6edf3entryTb4b4b4.Te6edf3idTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>